NOTE: Electron 17.0.1

I'm so confuse about to use the win.loadURL function in Electron. For main purpose, to create a dark theme for chat application. I want to loadURL in Electron and inject CSS to change to dark theme.

BUT when I use loadURL and then run Electron app. It will show an error "window.require is not a function" and "Uncaught TypeError: Cannot read properties of undefined (reading 'instance')"

here is my code:

// main.js
const { app, BrowserWindow } = require("electron");
const path = require("path");

function createWindow() {
  const win = new BrowserWindow({
    width: 1200,
    height: 800,
    webPreferences: {
      preload: path.join(__dirname, "preload.js"),
    },
  });

  win.webContents.openDevTools();
  win.loadURL("https://seatalkweb.com/");
}

app.whenReady().then(() => {
  createWindow();

  app.on("activate", () => {
    if (BrowserWindow.getAllWindows().length === 0) {
      createWindow();
    }
  });
});

app.on("window-all-closed", () => {
  if (process.platform !== "darwin") {
    app.quit();
  }
});

// preload.js
window.addEventListener("DOMContentLoaded", () => {
  const replaceText = (selector, text) => {
    const element = document.getElementById(selector);
    if (element) element.innerText = text;
  };

  for (const type of ["chrome", "node", "electron"]) {
    replaceText(`${type}-version`, process.versions[type]);
  }
});

and this is an error:

I do not know why it has an error only this website when open in electron? (no problem if open in chrome) this website is https://seatalkweb.com/ and it fine if I use other URL instead (such as google.com, facebook.com, etc.)

How can I fix it ? and could somebody can explain me about this problem ?